<!DOCTYPE html>
<!-- saved from url=(0034)http://demo.qzhai.net/gohan/?cat=4 -->
<html style="--qzhai-primary: #44cef6;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="robots" content="noindex,nofollow">

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>小菜的个人博客、分享、创造-{{ isset($cateInfo)?$cateInfo->name : "小菜的个人博客" }}</title>
    <meta name="keywords" content="小菜的个人博客、分享、创造">
    <meta name="description" content="小菜的个人博客、分享、创造">
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="stylesheet" id="wp-block-library-css" href="/css/style.min.css" type="text/css" media="all">
    <link rel="stylesheet" id="highlight-monokai-sublime-css" href="/css/monokai-sublime.css" type="text/css" media="all">
    <link rel="stylesheet" id="qzhai_app-css" href="/css/gohan.css" type="text/css" media="all">
    @include('layout.statistics')
    <script>var func_qzhai = [];</script>
</head>
<body style="overflow-y: scroll;">
<div id="qzhai-curtain" style="display: none;"></div>
<div id="qzhai-net" class="wp qzhai-net">
    <div class="uk-grid-small uk-grid" uk-grid="">
        <div class="uk-width-1-6@s uk-first-column">
            <div uk-sticky="offset: 50" class="uk-sticky uk-sticky-fixed" style="position: fixed; top: 50px; width: 187.453px;">

                <div class="qzhai-header uk-card uk-card-default">
                    <div class="uk-card-header">
                        <div class="hd uk-flex uk-flex-column uk-flex-middle uk-flex-center">
                            <a href="#" class="qzhai-logo">
                                <img class="uk-border-circle" src="/images/xiaocai.jpg">
                            </a>
                            <div class="uk-width-expand uk-text-center">
                                <h1> <a href="#"> 小菜 </a> </h1>
                                <p class="uk-text-meta uk-margin-remove">
                                    小菜的博客
                                </p>
                            </div>
                        </div>
                    </div>

                    @include('layout.left')

                    <div class="qzhai-menu-icon uk-flex uk-flex-center uk-hidden@s">
                        <a uk-navbar-toggle-icon=""
                           href="#" uk-toggle=""
                           class="uk-icon uk-navbar-toggle-icon" aria-expanded="false">
                            <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                                <rect y="9" width="20" height="2"></rect>
                                <rect y="3" width="20" height="2"></rect>
                                <rect y="15" width="20" height="2"></rect>
                            </svg>
                        </a>
                    </div>
                </div>
                <div class="qzhai-footer-info uk-flex uk-flex-center">

                    <a href="http://beian.miit.gov.cn" target="_blank" class="Record">
                        蜀ICP备2023023222号-1
                    </a>
                </div>

            </div><div class="uk-sticky-placeholder" style="height: 534px; margin: 0px;"></div>
        </div>
        <div class="uk-width-5-6@s">
            <div id="qzhai_content" class="uk-grid-small uk-grid" uk-grid="" style="opacity: 1;">



                <div id="qzhai-main" class="uk-width-3-4@s uk-first-column">
                    <div class="qzhai-main-content uk-card uk-card-default">
                        <div class="uk-card-header">
                            <div class="qzhai-card-header-title">
                                {{ isset($cateInfo)?$cateInfo->name : "未知" }}
                            </div>
                        </div>
                        <div class="uk-card-body">

                            <ul class="qzhai-list-loop">
                                @foreach($articles as $article)
                                    <li class="item uk-grid-medium uk-grid-match uk-grid" uk-grid="">
                                        <div class="uk-width-2-3 uk-first-column">
                                            <div class="uk-flex uk-flex-column uk-flex-between">
                                                <div>
                                                    <h2>
                                                        <a href="{{ route('details2').'?id='.$article['id'] }}">{{ $article->title }}</a>
                                                    </h2>
                                                    <p>
                                                        {{ $article->describe }}
                                                    </p>
                                                </div>
                                                <div class="other">
                                                    <a href="{{ route('details2')."?category_id=".$article->category_id }}"
                                                       class="label"> {{ $article->category_name }} </a>
                                                    <time> {{ date('Y-m-d',strtotime($article['created_at'])) }} </time>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="uk-width-1-3">
                                            <a href="{{ route('details2').'?id='.$article['id'] }}"
                                               class="img uk-flex uk-flex-column uk-flex-right uk-card-body uk-background-cover"
                                               data-src="{{ $article->main_image }}" uk-img="" >
                                            </a>
                                        </div>
                                    </li>
                                @endforeach



                            </ul>

                        </div>
                    </div>
                    <div class="qzhai-pagination-box uk-margin-top uk-flex uk-flex-center">
                    </div>
                </div>
                <div id="qzhai-sidebar" class="uk-width-1-4@s">
                    <div class="qzhai-sidebar-box">
                        <div uk-sticky="bottom: #qzhai-sidebar" class="uk-sticky">
                            <ul class="qzhai-sidebar">
                                <li id="qzhai_widget_posts-3" class="qzhai-widget qzhai-widget-posts">
                                    <div class="uk-card uk-card-default">
                                        <div class="uk-card-header">
                                            <h4>        近期文章    </h4>
                                        </div>

                                        <ul class="qzhai-widget-posts-box">
                                            @foreach($news as $new)
                                                <li class="text">
                                                    <a href="{{ route('details2').'?id='.$new['id'] }}" data-can-open="1">{{ $new->title }}</a>
                                                </li>
                                            @endforeach
                                        </ul>



                                    </div>
                                </li>

                                <li id="categories-4" class="qzhai-widget widget_categories">
                                    <div class="uk-card uk-card-default">
                                        <div class="uk-card-header">
                                            <h4>分类列表</h4>
                                        </div>
                                        <ul>
                                            @foreach($category as $cate)
                                                <li class="cat-item cat-item-2">
                                                    <a href="{{ route('category2').'?category_id='.$cate['id'] }}">{{ $cate['name']  }}</a>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="uk-sticky-placeholder" hidden="" style="height: 477px; margin: 0px;">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script>
    var qzhai = {
        "url":"http:\/\/demo.qzhai.net\/gohan",
        "ajaxUrl":"http:\/\/demo.qzhai.net\/gohan\/wp-admin\/admin-ajax.php",
        "_use_queue":[],
        "assets":"http:\/\/demo.qzhai.net\/gohan\/wp-content\/themes\/gohan-qzhai\/assets\/",
        "is_mobile":false,
        "comment_nonce":"99160c62f92b8d1b4b903a0d2d1f2a2f"
    };
    qzhai.ajaxIgnore = "";
    func_qzhai.push(function($){
        $('.qzhai-content pre').each(function(i, e) {
            $(e).addClass('qzhai_highlight').append('<div class="qzhai_highlight_heade"><span></span><div>');
            hljs.highlightBlock(e);
        });
    });
</script>
<script type="text/javascript" src="/js/highlight.pack.js"></script>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery-migrate.min.js"></script>
<script type="text/javascript" src="/js/gohan.js"></script>


</body>
</html>
